<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>加入表单元素 - 数据表格</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="${global_templets_skin}/systemstyle/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="${global_templets_skin}/systemstyle/style/admin.css" media="all">
    <link rel="stylesheet" href="${global_templets_skin}/systemstyle/style/template.css" media="all">
</head>
<body>

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-form layui-card-header layuiadmin-card-header-auto">
                    <div class="layui-form-item">
                        <div class="layui-col-md8">
                            <div class="layui-inline layuiadmin-input-useradmin">
                                <label class="layui-form-label">模板名称</label>
                                <div class="layui-input-block">
                                    <input type="text" name="replyer" placeholder="请输入" autocomplete="off"
                                           class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <button class="layui-btn layuiadmin-btn-replys" data-type="reload" lay-submit=""
                                        lay-filter="LAY-app-forumreply-search">
                                    <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                                </button>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <button class="layui-btn layuiadmin-btn-admin" data-type="batchdel">删除</button>
                            <a class="layui-btn layuiadmin-btn-admin" lay-href="/admin/template/add_admin.do" lay-text="添加模板">添加</a>
                        </div>
                    </div>
                </div>

                <div class="layui-card-body">
                    <div class="layui-fluid layadmin-cmdlist-fluid">
                        <div class="layui-row layui-col-space30">
                            <#list pager.list as list>
                            <div class="layui-col-md2 layui-col-sm4">
                                <div class="cmdlist-container">
                                    <div class="pic">
                                        <a href="javascript:;">
                                            <img src="${list.previewUrl!}">
                                        </a>
                                        <div class="template-item-info">
                                            <a href="/admin/template/edit.do?id=${list.id}" lay-text="模板预览" class="layui-col-xs6"><button type="submit" class="layui-btn layui-btn-sm" lay-submit="" lay-filter="demo1">预览</button></a>
                                            <a lay-href="/member/template/buy_template.do?id=${list.id}" lay-text="购买模板"
                                               class="layui-col-xs6"><button type="submit" class="layui-btn layui-btn-sm layui-btn-danger" lay-submit="" lay-filter="demo1">购买</button></a>
                                        </div>
                                    </div>

                                    <div class="cmdlist-text">
                                        <p class="info"><a lay-href="/admin/template/page/list.do?id=${list.id}">${list.templateName!}</a>
                                        </p>
                                        <div class="price">
                                            <b>￥79</b>
                                            <p>
                                                ¥
                                                <del>130</del>
                                            </p>
                                            <span class="flow">
                      <i class="layui-icon layui-icon-rate"></i>
                      433
                    </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </#list>
                        <div class="layui-col-md12 layui-col-sm12">
                            <div id="demo0"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>

<script src="${global_templets_skin}/systemstyle/layui/layui.js"></script>
<script>
    layui.config({
        base: '${global_templets_skin}/systemstyle/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'table', 'form'], function () {
        var table = layui.table
            , form = layui.form
            , $ = layui.$;
    });
</script>
</body>
</html>